<template>
  <div style="width: 1500px;height: 1000px;margin-top: 50px">

    <div>
      <h1 style="font-size: 36px;color: chocolate;margin-left: 100px">猫眼电影</h1>
    </div>

    <div >

      <div style="margin-top: 10px; width: 480px;margin-left: 100px;float: left">
        <div style="display: inline-block">
          <img src="//s0.meituan.net/bs/file/?f=fe-sso-fs:build/page/static/banner/maoyan.png" width="480" height="370"style="float: left" alt="猫眼电影">
        </div>
      </div>

      <div style="float: right;margin-right: 400px;width: 480px;height: 370px;">
        <div style="padding: 50px">
          <p>账号登录：</p>
          <br>
          <form method="">
            <input type="text" value="12345"  style="height: 30px;width:250px;border-radius: 20px;  border: 1px solid #ccc;">
            <br>
            <br>
            <br>
            <input type="password"   value="12345" style="height: 30px;width: 250px;border-radius: 20px;  border: 1px solid #ccc;">
            <br>
            <br>
            <router-link to="/homepage">
              <button style="height: 30px;width: 250px;text-align: center;color: #151515;  border: 1px solid #ccc;border-radius: 20px">登录</button>
            </router-link>

          </form>

        </div>

      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "Login"
    }
</script>

<style scoped>

</style>
